import {
  StyleSheet,
} from "react-native";

export default StyleSheet.create({
  content: {
    width: "100%",
    height: "100%",
    flex: 1,
    backgroundColor: "#f6f6f6",
  },
  header: {
    backgroundColor: '#f6db7b',
    width: "100%",
    padding: 20,
    alignItems: 'center',
    overflow: "hidden",
  },
  avatar: {
    width: 50,
    height: 50,
  },
  username: {
    height: 30,
    justifyContent: 'center',
    alignItems: 'center',
  },
  usernameText: {
    fontSize: 16,
    color: '#fff',
  },
  middle: {
    width: '100%',
    height: 50,
    paddingLeft: 20,
    paddingRight: 20,
  },
  midContent: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    borderBottomWidth: 1,
    borderStyle: "solid",
    borderBottomColor: '#e6e6e6',
  },
  name: {
    fontSize: 14,
  },
  icon: {
    width: 20,
    height: 20,
  },
  marginTop20: {
    marginTop: 20,
  },
  buttonContent: {
    width: "100%",
    height: 40,
    alignItems: "center",
  },
  button: {
    width: 100,
    height: "100%",
    borderWidth: 1,
    borderStyle: "solid",
    borderColor: "#fff",
    borderRadius: 1000,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: "red",
  },
  buttonText: {
    color: "#fff",
  },
})